.shareLists{
	width: 100%;
	.list{
		width: 100%;
		box-shadow: 0px 0px 10px 3px #eeeaea;
		margin-bottom: 40upx;
		image{
			width: 100%;
		}
		.btns{
			display: flex;
			padding:30upx 30upx 0 30upx;
			justify-content: space-between;
			.btn{
				width: 47%;
				background-color: #007AFF;
				color: #FFFFFF;
				height: 70upx;
				border-radius: 35upx;
				display: flex;
				align-items: center;
				justify-content: center;
			}
			.exempt{
				background-color: #999999;
			}
		}
	}
	.list-1{
		border-radius: 20upx;
		overflow: hidden;
		padding-bottom: 30upx;
		.date{
			display: flex;
			justify-content: space-between;
			.day{
				display: inline-block;
				background: linear-gradient(to bottom, #FFFFFF 0%,#FFFFFF 54%,black 55%,black 100%);
				color: transparent; //关键
				font-size: 170upx;
				-webkit-background-clip: text; //关键
				font-weight: bold;
				position: relative;
				margin-top: -130upx;
				padding-left: 30upx;
				font-family: Microsoft YaHei;
			}
			.weeks{
				padding: 10upx 30upx;
				font-size: 30upx;
				.padd{
					padding-left: 10upx;
				}
			}
		}
		.copywriting{
			padding: 30upx;
			font-size: 30upx;
		}
		.author{
			display: flex;
			justify-content: flex-end;
			color: #333333;
			padding-right: 30upx;
			padding-top: 30upx;
		}
		.custom{
			padding:30upx 30upx 0 30upx;
			color: #2C405A;
			.textarea{
				height:134upx;
			}
		}
		.code{
			display: flex;
			justify-content: space-between;
			padding: 60upx 30upx 0 30upx;
			.share-img{
				width: 160upx;
			}
			.users{
				display: flex;
				align-items: center;
				image{
					width: 90upx;
					height: 90upx;
					border-radius: 45upx;
				}
				.user-name{
					display: flex;
					flex-flow: column;
					padding-left: 20upx;
					text:first-child{
						font-weight: bold;
						font-size: 30upx;
					}
					text:last-child{
						font-size: 24upx;
						color: #808080;
						padding-top: 4upx;
					}
				}
			}
		}
		
	}
}